<div class="cloud main-right qqregion">
	<h3>
		<span>交流咨询</span>
		<span class="github-region">
			<a href="https://github.com/livisky/liblog">
				<img src="{{_web.url}}{{theme_url}}/src/css/business/index/images/github.png" alt=""class="github" />
			</a>
			<a href="https://github.com/livisky/liblog/stargazers"  target="_blank" class="count"><b></b><i></i>
				<span id="gitcount"></span>
			</a>
		</span>
	</h3>
	<ul class="qqs">
		<div>前端汇官方QQ群<br/>群号<span>256687601,欢迎加入！</span>
			<div class="qqlist">
				<a target="_blank" href="http://shang.qq.com/wpa/qunwpa?idkey=a9bb1b030c238e93e53f30003b0d31870533ba60902bc9733a72fca8342df7d8"><img border="0" src="{{_web.url}}{{theme_url}}/common/images/common/group.png" alt="前端汇-Liblog交流群" title="前端汇-Liblog交流群"></a>
				<a target="_blank" href="http://shang.qq.com/wpa/qunwpa?idkey=a9bb1b030c238e93e53f30003b0d31870533ba60902bc9733a72fca8342df7d8"><img border="0" src="{{_web.url}}{{theme_url}}/common/images/common/group.png" alt="前端汇-Liblog交流群" title="前端汇-Liblog交流群"></a>
			</div>
		</div>
	</ul>
</div>
<div class="tab main-right" id="lp_right_select">
	 <div class="tab-top">
			<ul class="hd" id="tb">
				 <li class="cur"><a href="javascript:void(0);">点击排行</a></li>
			 <li><a href="javascript:void(0);">最新文章</a></li>
			 <li><a href="javascript:void(0);">站长推荐</a></li>
		</ul>
	</div>
	<div class="tab-main main-right" id="tb-main">
				<div class="bd bd-news" style="display:block;">
						<ul>
							{% article data = "popularList",limit= "5",type="hot"%}
							 {% for item in popularList %}
									<li><a href="/page/{{item.id}}.html" target="_blank" title="{{item.title}}">
										{{item.title}}
									</a></li>
							 {% endfor %}
						</ul>
			 </div>
			 <div class="bd bd-news">
					 <ul>
						  {% article data = "newestList",limit= "5"%}
							{% for item in newestList %}
									<li><a href="/page/{{item.id}}.html" target="_blank" title="{{item.title}}">{{item.title}}</a></li>
							{% endfor %}
					</ul>
			 </div>
			 <div class="bd bd-news">
					<ul>
						  {% article data = "torecomList",limit= "5",flag="torecom"%}
							{% for item in torecomList %}
										<li><a href="/page/{{item.id}}.html" target="_blank" title="{{item.title}}">{{item.title}}</a></li>
						 	{% endfor %}
				 </ul>
			</div>
	</div>
</div>
<div class="cloud main-right">
	<h3>标签云</h3>
	<ul>
				{% for item in tagList %}
							<li><a href="/category/{{item.id}}.html" target="_blank">{{item.tagname}}</a></li>
				{% endfor %}
	</ul>
</div>
<div class="tuwen main-right">
	<h3>图文推荐</h3>
	<ul>
		   {% article data = "picrecomList",limit= "5",flag="topicrecom" %}
			 {% for item in picrecomList %}
					<li><a href="/page/{{item.id}}.html" ><img src="{{_web.url}}
						{%if item.picurl==''%}
							static/common/images/common/default.jpg
						{%else%}
							{{item.picurl}}
						{%endif%}
						" title="{{item.title}}"><b title="{{item.title}}">
								{{item.title}}
						</b></a>
							<p>
									<span class="tulanum"><a href="javascript:void(0);">{{item.author}}</a></span>
									<span class="tutime">{{think.datetime(item.createtime,"YYYY-MM-DD")}}</span>
							</p>
					</li>
			{% endfor %}
	</ul>
</div>
<div class="links main-right">
	<h3><span><a href="/links.html">申请友情链接</a></span>友情链接</h3>
	<ul>
		 {{_web.links|safe}}
	</ul>
</div>
<script>
	window.onload=function()
	{
		var oLi=document.getElementById("tb").getElementsByTagName("li");
		var oUl=document.getElementById("tb-main").getElementsByTagName("div");
		for(var i=0;i<oLi.length;i++)
		{
			oLi[i].index=i;
			oLi[i].onmouseover=function()
			{
				for(var n=0;n<oLi.length;n++)
					oLi[n].className="";
				this.className="cur";
				for(var n=0;n<oUl.length;n++)
					oUl[n].style.display="none";
				oUl[this.index].style.display="block";
			}
		}
	}
</script>
